<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>ID</title>
		<link rel="stylesheet" type="text/css" href="./css/style.css" />
		<link rel="stylesheet" type="text/css" href="./css/hui.css" />
		<link rel="stylesheet" href="./css/index.css">
		<style type="text/css">
			.c1 {
				position: fixed;
				right: 16px;
				top: 570px;
				width: 48px;
				height: 48px;
				z-index: 9999;
				border-radius: 50%;
				box-shadow: 0px 3px 8px 0px rgba(57, 34, 2, 0.25);
				overflow: hidden;
			}
		</style>
	</head>

	<body>
		<!-- <img class='c1' src="./img/sao.png" alt="" onclick="javascript:hui.open('3.html');"> -->
		<div class="container">
			<div class="id-container">
				<!--<img class='c1' src="./img/sao.png" alt="" onclick="javascript:hui.open('15.html');">-->

				<header>
					<img onclick="javascript:hui.open('15.html');" class='personal' src="./img/personal.png" alt="个人图标">
					<h1>世证通
					</h1>
					<div class="extra"><span class="weather">让身份登记更方便</span></div>
				</header>

				<!--<header>-->
				<!--<img onclick="javascript:hui.open('3.html');" class='personal' src="./img/sao.png" alt="个人图标">-->
				<!--<h1>市政通-->
				<!--</h1>-->
				<!--<div class="extra"><span class="place">北京</span> <span class="weather">晴 25℃～36℃</span></div>-->
				<!--</header>-->
				<main>
					<div onclick="javascript:hui.open('3.html');" class="identification">
						<span style="color: white;">认证身份</span>
					</div>
				</main>
				<nav>
					<ul class="row">
						<li onclick="javascript:hui.open('3.html');" class="item"><img src="./img/plus.png" alt="">
							<div class="name">身份证</div>
						</li>
						<li onclick="javascript:hui.open('3.html');" class="item"><img src="./img/plus.png" alt="">
							<div class="name">因私电子护照</div>
						</li>
						<li onclick="javascript:hui.open('3.html');" class="item"><img src="./img/plus.png" alt="">
							<div class="name">台湾通行证</div>
						</li>
						<li onclick="javascript:hui.open('3.html');" class="item"><img src="./img/plus.png" alt="">
							<div class="name">港澳通行证</div>
						</li>
					</ul>
					<ul class="row">
						<li onclick="javascript:hui.open('3.html');" class="item"><img src="./img/plus.png" alt="">
							<div class="name">内地通行证</div>
						</li>
						<li onclick="javascript:hui.open('3.html');" class="item"><img src="./img/plus.png" alt="">
							<div class="name">台湾通行证</div>
						</li>
						<li onclick="javascript:hui.open('3.html');" class="item"><img src="./img/plus.png" alt="">
							<div class="name">港澳台居住证</div>
						</li>
						<li onclick="javascript:hui.open('3.html');" class="item"><img src="./img/plus.png" alt="">
							<div class="name">中国绿卡</div>
						</li>
					</ul>
					<ul class="row">
						<li onclick="javascript:hui.open('3.html');" class="item"><img src="./img/plus.png" alt="">
							<div class="name">驾驶证</div>
						</li>
						<li onclick="javascript:hui.open('3.html');" class="item"><img src="./img/plus.png" alt="">
							<div class="name">行车证</div>
						</li>
						<li onclick="javascript:hui.open('3.html');" class="item"><img src="./img/more.png" alt="">
							<div class="name">敬请期待</div>
						</li>
						<li onclick="javascript:hui.open('3.html');" class="item"><img src="./img/more.png" alt="">
							<div class="name">期待更多</div>
						</li>
					</ul>
				</nav>
			</div>

			<div class="service-container" style='position: relative;'>
				<div style='position: absolute;left:45px;top:40px;width:160px;color:#2439A5'>
					<div>世证通App上线啦</div>
					<div style='font-size:9px;margin-top:5px'>世证在手，让身份登记变得更加简单</div>
					<div style='margin-top:20px;background:#EB9B30;color:white;width:71px;height:20px;border-radius:11px;font-size:10px;text-align: center;line-height: 20px'>查看详情</div>
				</div>
				<img onclick="go()" src="./img/banner-o.png" alt="" style="width:100%">
			</div>
			<!--<div class="service-container">-->
			<!--<div class="content">-->
			<!--<div class="title">便民服务</div>-->
			<!--<div class="nav-box">-->
			<!--<div class="nav-item"><img src="./img/home_cxfw.png" alt="">-->
			<!--<div class="nc">-->
			<!--<div class="name">出行服务</div>-->
			<!--<div class="kind">火车高铁 | 飞机轮船</div>-->
			<!--</div>-->
			<!--</div>-->
			<!--<div class="nav-item"><img src="./img/Euros.png" alt="">-->
			<!--<div class="nc">-->
			<!--<div class="name">酒店住宿</div>-->
			<!--<div class="kind">商务酒店 | 经济民宿</div>-->
			<!--</div>-->
			<!--</div>-->
			<!--<div class="nav-item"><img src="./img/home_wdfu.png" alt="">-->
			<!--<div class="nc">-->
			<!--<div class="name">网点服务</div>-->
			<!--<div class="kind">公安警力 | 移民局</div>-->
			<!--</div>-->
			<!--</div>-->
			<!--<div class="nav-item"><img src="./img/Icon (2).png" alt="">-->
			<!--<div class="nc">-->
			<!--<div class="name">交通管理</div>-->
			<!--<div class="kind">机动车 | 驾驶证</div>-->
			<!--</div>-->
			<!--</div>-->
			<!--<div class="nav-item"><img src="./img/Icon.png" alt="">-->
			<!--<div class="nc">-->
			<!--<div class="name">出入境服务</div>-->
			<!--<div class="kind">预约申请 | 再次签注</div>-->
			<!--</div>-->
			<!--</div>-->
			<!--<div class="nav-item"><img src="./img/home_wgrfw.png" alt="">-->
			<!--<div class="nc">-->
			<!--<div class="name">外国人业务</div>-->
			<!--<div class="kind">居留许可 | 住宿登记</div>-->
			<!--</div>-->
			<!--</div>-->
			<!--</div>-->
			<!--</div>-->
			<!--&lt;!&ndash;<div class="clear-data"><span>清除数据</span></div>&ndash;&gt;-->
			<!--</div>-->
			<div onclick="javascript:hui.open('3.html');" style="z-index:999;bottom:0;position:fixed;width:100%;height:47px;font-size:18px;background:#2439A5;color:#ffffff;display: flex;justify-content: center;align-items: center">
				<div>
					<!-- <button type="button" class="hui-button hui-button-large" style="margin-top:15px;"><span class="hui-icons hui-icons-warn"></span>图标按钮</button> -->
					<img style="width:16px;height:16px;" src="./img/scan.png" />
					<span class="hui-icons" style="color: white;font-size: 16px;font-weight: bolder;">扫一扫</span>
				</div>
			</div>
		</div>
		<script src="./js/jquery.min.js"></script>
		<script src="js/fastclick.js"></script>
		<script>
			function go() {
				hui.open('banner.html');
			}
			$(function() {
				FastClick.attach(document.body);
			});
		</script>
		<script src="./js/hui.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" charset="utf-8">
			//拦截安卓回退按钮，调用H5的返回方法
			history.pushState(null, null, location.href);
			window.addEventListener('popstate', function(event) {
				history.pushState(null, null, location.href);
				// GoBackUrl();H5自己定义的返回方法确定
				hui.confirm('<h4 style="font-size:18px;">确定退出应用吗？', ['取消', '确定'],
					function() {
						nativeMethod.over();
					},
					function() {});
			});

			function GetQueryString(name) {
				var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
				var r = window.location.search.substr(1).match(reg);
				if (r != null) return decodeURI(r[2]);
				return null;
			}

			// 保存id
			hui.ready(function() {
				if (!GetQueryString("id") == null) {
					localStorage.setItem("id", GetQueryString("id"));
				}
			})
		</script>
	</body>

</html>
